(function (root, factory) {
  if (typeof define === "function" && define.amd) {
    // AMD. Register as an anonymous module.
    define(["exports", "echarts"], factory);
  } else if (
    typeof exports === "object" &&
    typeof exports.nodeName !== "string"
  ) {
    // CommonJS
    factory(exports, require("echarts"));
  } else {
    // Browser globals
    factory({}, root.echarts);
  }
})(this, function (exports, echarts) {
  var log = function (msg) {
    if (typeof console !== "undefined") {
      console && console.error && console.error(msg);
    }
  };
  if (!echarts) {
    log("ECharts is not Loaded");
    return;
  }
  echarts.registerTheme("shine", {
    color: [
      "#2d8cf0",
      "#19be6b",
      "#ff9900",
      "#E46CBB",
      "#9A66E4",
      "#ed3f14",
      "lightsteelblue",
      "hotpink",
      "sienna",
    ],
    backgroundColor: "rgba(0,0,0,0)",
    textStyle: {},
    title: {
      textStyle: {
        color: "turquoise",
      },
      subtextStyle: {
        color: "deepskyblue",
      },
    },
    line: {
      itemStyle: {
        // normal: {
        borderWidth: "2",
        // },
      },
      lineStyle: {
        // normal: {
        width: "2",
        // },
      },
      symbolSize: "6",
      symbol: "emptyCircle",
      smooth: true,
    },
    radar: {
      itemStyle: {
        // normal: {
        borderWidth: "2",
        // },
      },
      lineStyle: {
        // normal: {
        width: "2",
        // },
      },
      symbolSize: "6",
      symbol: "emptyCircle",
      smooth: true,
    },
    bar: {
      itemStyle: {
        // normal: {
        barBorderWidth: 0,
        barBorderColor: "#ccc",
        // },
        emphasis: {
          barBorderWidth: 0,
          barBorderColor: "#ccc",
        },
      },
    },
    pie: {
      itemStyle: {
        // normal: {
        borderWidth: 0,
        borderColor: "#ccc",
        // },
        emphasis: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    scatter: {
      itemStyle: {
        // normal: {
        borderWidth: 0,
        borderColor: "#ccc",
        // },
        emphasis: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    boxplot: {
      itemStyle: {
        // normal: {
        borderWidth: 0,
        borderColor: "#ccc",
        // },
        emphasis: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    parallel: {
      itemStyle: {
        // normal: {
        borderWidth: 0,
        borderColor: "#ccc",
        // },
        emphasis: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    sankey: {
      itemStyle: {
        // normal: {
        borderWidth: 0,
        borderColor: "#ccc",
        // },
        emphasis: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    funnel: {
      itemStyle: {
        // normal: {
        borderWidth: 0,
        borderColor: "#ccc",
        // },
        emphasis: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    gauge: {
      itemStyle: {
        // normal: {
        borderWidth: 0,
        borderColor: "#ccc",
        // },
        emphasis: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    candlestick: {
      itemStyle: {
        // normal: {
        color: "#edafda",
        color0: "transparent",
        borderColor: "#d680bc",
        borderColor0: "#8fd3e8",
        borderWidth: "2",
        // },
      },
    },
    graph: {
      itemStyle: {
        // normal: {
        borderWidth: 0,
        borderColor: "#ccc",
        // },
      },
      lineStyle: {
        // normal: {
        width: 1,
        color: "#aaa",
        // },
      },
      symbolSize: "6",
      symbol: "emptyCircle",
      smooth: true,
      color: ["#2d8cf0", "#19be6b", "#f5ae4a", "#9189d5", "#56cae2", "#cbb0e3"],
      label: {
        // normal: {
        textStyle: {
          color: "#eee",
        },
        // },
      },
    },
    map: {
      itemStyle: {
        // normal: {
        areaColor: "#f3f3f3",
        borderColor: "#516b91",
        borderWidth: 0.5,
        // },
        emphasis: {
          areaColor: "rgba(165,231,240,1)",
          borderColor: "#516b91",
          borderWidth: 1,
        },
      },
      label: {
        // normal: {
        textStyle: {
          color: "#000",
        },
        // },
        emphasis: {
          textStyle: {
            color: "rgb(81,107,145)",
          },
        },
      },
    },
    geo: {
      itemStyle: {
        // normal: {
        areaColor: "#f3f3f3",
        borderColor: "#516b91",
        borderWidth: 0.5,
        // },
        emphasis: {
          areaColor: "rgba(165,231,240,1)",
          borderColor: "#516b91",
          borderWidth: 1,
        },
      },
      label: {
        // normal: {
        textStyle: {
          color: "#000",
        },
        // },
        emphasis: {
          textStyle: {
            color: "rgb(81,107,145)",
          },
        },
      },
    },
    categoryAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#cccccc",
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: "#333",
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: "#fff",
        },
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: ["#eeeeee"],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
        },
      },
    },
    valueAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#cccccc",
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: "#333",
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: "#fff",
        },
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: ["#eeeeee"],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
        },
      },
    },
    logAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#cccccc",
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: "#333",
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: "#999999",
        },
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#eeeeee"],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
        },
      },
    },
    timeAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#cccccc",
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: "#333",
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: "#999999",
        },
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#eeeeee"],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
        },
      },
    },
    toolbox: {
      iconStyle: {
        // normal: {
        borderColor: "#999",
        // },
        emphasis: {
          borderColor: "#666",
        },
      },
    },
    legend: {
      textStyle: {
        color: "#fff",
      },
    },
    tooltip: {
      trigger: "axis",
      backgroundColor: "rgba(19, 25, 47, 0.6)", //设置背景图片 rgba格式
      borderWidth: "1", //边框宽度设置1
      borderColor: "deepskyblue", //设置边框颜色
      textStyle: {
        color: "white", //设置文字颜色
      },
      axisPointer: {
        lineStyle: {
          color: "#ccc",
          width: 1,
        },
        crossStyle: {
          color: "#ccc",
          width: 1,
        },
      },
    },
    timeline: {
      lineStyle: {
        color: "#8fd3e8",
        width: 1,
      },
      itemStyle: {
        // normal: {
        color: "#8fd3e8",
        borderWidth: 1,
        // },
        emphasis: {
          color: "#8fd3e8",
        },
      },
      controlStyle: {
        // normal: {
        color: "#8fd3e8",
        borderColor: "#8fd3e8",
        borderWidth: 0.5,
        // },
        emphasis: {
          color: "#8fd3e8",
          borderColor: "#8fd3e8",
          borderWidth: 0.5,
        },
      },
      checkpointStyle: {
        color: "#8fd3e8",
        borderColor: "rgba(138,124,168,0.37)",
      },
      label: {
        // normal: {
        textStyle: {
          color: "#8fd3e8",
        },
        // },
        emphasis: {
          textStyle: {
            color: "#8fd3e8",
          },
        },
      },
    },
    visualMap: {
      color: ["#516b91", "#59c4e6", "#a5e7f0"],
    },
    dataZoom: {
      backgroundColor: "rgba(0,0,0,0)",
      dataBackgroundColor: "rgba(255,255,255,0.3)",
      fillerColor: "rgba(167,183,204,0.4)",
      handleColor: "#a7b7cc",
      handleSize: "100%",
      textStyle: {
        color: "#333",
      },
    },
    markPoint: {
      label: {
        // normal: {
        textStyle: {
          color: "#eee",
        },
        // },
        emphasis: {
          textStyle: {
            color: "#eee",
          },
        },
      },
    },
  });
});
